<template>
  <div>
    <h2>歌曲详情</h2>
    <ul>
      <li v-for="(item , index) in list" :key="index">{{item}}</li>
    </ul>

  </div>
</template>

<script>
export default {
    name: "Song",
    props: ["id"],
    computed:{
      list(){
        switch(this.id){
        case "1" :
          return ["海阔天空" , "必杀技" , "灰色轨迹"];
        case "2" :
          return ["she is gone" , "dear jone" , "see you again"];
        case "3" :
          return ["男孩" , "大海" , "存在"];
        default: 
          return [];
      }
      }
    }
    
}
</script>

<style>

</style>